@keyframes loading {
    0%{
        width: 0;
        opacity: 0;
    }
    100%{
        width: 30px;
        opacity: 1;
    }
}

.mt-15 {
	margin-top: 15px;
}
.w-max {
	width: 100%;
}
.best-wrap {
	height: 100%;
	max-width: 100%;
}
// 进度条页面
.progress-wrap {
	.con-box {
		width: 500px;
		padding-top: 100px;
		margin-left: 50px;
	}
	.hint-txt {
		margin-bottom: 15px;
		font-size: 14px;

		.size {
			font-weight: bold;
			color: #ff4436;
		}
	}

    .loading-txt {
        display: inline-block;
        overflow: hidden;
        animation: loading 1s infinite;
    }

	/deep/ .el-progress-bar {
		margin-right: -100px;
		padding-right: 95px;
	}
}
// 列表页面
.content-wrap {
	box-sizing: border-box;
	height: 100%;
	max-width: 100%;
	padding-bottom: 10px;
	padding-right: 10px;
	background-color: #f2f2f2;
	display: flex;

	.left-tree-project {
		width: 290px;
		height: 100%;
		padding: 20px 10px;
		flex-shrink: 0;
		box-sizing: border-box;
		margin-right: 10px;
		overflow: auto;
	}

	.right-content {
        box-sizing: border-box;
		height: 100%;
        padding: 15px;
		flex-grow: 1;
		background-color: #fff;
		display: flex;
		flex-direction: column;
        overflow: hidden;

		.top-box {
			flex-shrink: 0;
		}

		.tree-box {
			flex-grow: 1;
			overflow: auto;
		}

		.bottom-box {
			flex-shrink: 0;
			background-color: #fff;
			display: flex;
			align-items: center;
		}
		.max-size-hint {
            margin-left: 20px;
			color: #999;

			.size {
				font-weight: bold;
				color: #ff4436;
			}
		}
	}

	.copy-hint {
		padding-bottom: 10px;
		color: #ff4436;
	}
}

.tree-box {
	margin-bottom: 15px;

	/deep/ .el-tree-node__content {
		padding: 15px;
		border-bottom: 1px solid #e8e8e8;
	}

	.popover-box {
		overflow: hidden;
	}

	.label-box {
		overflow: hidden;
		display: flex;
		font-weight: bold;

		&.level3 {
			font-weight: normal;
		}
	}

	.play-ico {
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}

	.label-txt {
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
// 列表样式
.course-item {
	.tag-corner {
		border-radius: 12px;
		padding: 0 10px;
	}

	.course-tag {
		width: 70px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
	}
	.course-name {
		font-weight: bold;
		font-size: 15px;
		flex: 1;
	}

	.course-subjects,
	.catalog-subjects,
	.courseware-subjects {
		width: 92px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-left: 153px;
	}

	.is-highlight {
		background-color: #f2f2f2;
	}

	.visibility-hidden {
		visibility: hidden;
	}

	.elective-hover:hover {
		color: #606266;
	}
}
